<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="/css/details.css" />
    <link rel="stylesheet" type="text/css" href="/css/head.css" />
    <link rel="stylesheet" type="text/css" href="/css/foot.css" />
    <title>Document</title>
  </head>
  <body>
    <header></header>

    <div class="details_warp">
      <div class="details_list">
        <script type="text/html" id="detailsDates">
          <div class="list_left">
            <div class="top">
              <img src="{{photo[0].url}}" class="zoom-image">
            </div>
            <div class="bottom">
              <ul id="pic_list">
                {{ each photo item}}
                <li>
                  <a href="javascript:;" data-image="{{item.url}}" data-zoom-image="{{item.url}}">
                    <img src="{{item.url}}"  class="picImg">
                </a>
                </li>
                {{/each}}
              </ul>
            </div>
          </div>
           <div class="list_right">
             <h3>{{title}}</h3>
             <h5>
              {{qunTitle}}
               <a href="#">{{introduction}}>></a>
              </h5>
              <div class="list_price">
                <div class="price">价格</div>
                <div class="number">
                <p>¥{{price}}</p>
                <span>{{originPrice}}</span>
              </div>
              </div>
              <div class="ification">
                <div class="ification_list">
                  <p>分类</p>
                  <ul>
                    {{ each accessoryHints opt}}
                    <li><a href="javascript:;">{{opt}}</a></li>
                    {{/each}}
                  </ul>
                 <div class="list_bott">
                  <p>优惠券</p>
                  <div class="list_number">{{expireMsg}}</div>
                 </div>
                </div>
                <div class="submit">
                  <a href="javascript:;">立即购买</a>
                  <a href="/html/ShoppingCart.html" class="add_btn">加入购物车</a>
                </div>
              </div>
            </div>
           </div>
           <div class="remind">加入成功</div>
        </script>
      </div>
    </div>
    <footer></footer>
    <script src="/lib/require.min.js" data-main="/js/details.js"></script>
  </body>
</html>
